<script setup lang="ts"></script>

<template>
  <div class="content">
    <div class="form sign-in">
      <h2>欢迎回来</h2>
      <label><span>邮箱</span><input type="email" /></label
      ><label><span>密码</span><input type="password" /></label>
      <p class="forgot-pass"><a href="javascript:">忘记密码？</a></p>
      <button class="submit" type="button">登 录</button
      ><button class="fb-btn" type="button">
        使用<span>facebook</span>帐号登录
      </button>
    </div>
    <div class="sub-cont">
      <div class="img">
        <div class="img__text m--up">
          <h2>还未注册？</h2>
          <p>立即注册，发现大量机会！</p>
        </div>
        <div class="img__text m--in">
          <h2>已有帐号？</h2>
          <p>有帐号就登录吧，好久不见了！</p>
        </div>
        <div class="img__btn">
          <span class="m--up">注 册</span><span class="m--in">登 录</span>
        </div>
      </div>
      <div class="form sign-up">
        <h2>立即注册</h2>
        <label><span>用户名</span><input type="text" /></label
        ><label><span>邮箱</span><input type="email" /></label
        ><label><span>密码</span><input type="password" /></label
        ><button class="submit" type="button">注册</button
        ><button class="fb-btn" type="button">
          使用<span>facebook</span>帐号注册
        </button>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped></style>
